* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@font-face {
  font-family: 'Open Sans';
  src: url('./assets/华康少女字体完整版.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
#app {
  width: 100vw;
  height: 100vh;
  font-size: 14px;
  background: #f5f6fb;
  font-family: 'Open Sans', sans-serif;
  user-select: none;
  overflow: hidden;
}
.green-back {
  background: #e8f6f3;
}
.green-text {
  color: #1fa88c;
}
.h-card {
  width: calc(100% - 24px);
  padding: 12px;
  margin-top: 12px;
  margin-left: 12px;
  background: #ffffff;
  border: 1px solid #efeff5;
  border-radius: 4px;
}
/* 设置整个滚动条的样式 */
::-webkit-scrollbar {
  width: 2px; /* 滚动条的宽度 */
  height: 2px; /* 滚动条的高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* 轨道背景色 */
  border-radius: 1px; /* 圆角 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #999; /* 滑块颜色 */
  border-radius: 1px; /* 圆角 */
}

/* 当鼠标悬停在滑块上 */
::-webkit-scrollbar-thumb:hover {
  background: #666; /* 悬停效果颜色 */
}
